<template>
  <div class="announcement-details page">
    <van-nav-bar class="bg_white" left-arrow @click-left="$router.go(-1)" />
    <div class="content" ref="wrapper">
      <div class="title">{{detailsInfo.title}}</div>
      <div class="time">{{detailsInfo.update_time}}</div>
      <div class="con" v-html="detailsInfo.content">
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'getQuestionsDetail',
  data () {
    return {
      detailsInfo: {}
    };
  },
  created () {
    this.getDetails();
  },
  methods: {
    getDetails () {
      this.$toast.loading();
      this.$API.global.getQuestionsDetail({ id: this.$route.query.id }).then(res => {
        if (res.data) {
          this.detailsInfo = res.data;
        }
        this.$toast.clear();
      });
    }
  }
};
</script>
<style lang="less" scoped>
.announcement-details {
  background-color: #fff;
  .content {
    padding: 34px;
    .title {
      font-size: 36px;
      color: #353535;
    }
    .time {
      font-size: 28px;
      color: #999;
      padding: 20px 0;
    }
    .con {
      font-size: 28px;
      margin-top: 30px;
      color: #171717;
      line-height: 60px;
    }
  }
}
</style>
